<!-- 门店排队 -->
<template>
	<view class="line_list">
		<view class="line_item" v-for="item in list" @click="$navTo(item.url)">
			<view class="line_status">{{item.status}}</view>
			<view class="line_status line_type" :class="{'line_type_md':item.ordertype=='门店','line_type_sh':item.ordertype=='商城'}">{{item.ordertype}}</view>
			<view><text class="line_tit">消费场景：</text><text class="line_con clamp">{{item.supname}}</text></view>
			<!-- <view><text class="line_tit">消费门店：</text><text class="line_con clamp">{{item.supname}}</text></view> -->
			<!-- <view><text class="line_tit">用户电话：</text><text class="line_con">{{item.mobile}}</text></view> -->
			<!-- <view><text class="line_tit">用户昵称：</text><text class="line_con clamp">{{item.nickname}}</text></view> -->
			<view><text class="line_tit">流水号：</text><text class="line_con">{{item.ordersn}}</text></view>
			<!-- <view><text class="line_tit">订单类型：</text><text class="line_con">礼包排队</text></view> -->
			<view><text class="line_tit">消费金额：</text><text class="line_con">¥{{item.price}}</text></view>
			<view><text class="line_tit">排队金额：</text><text class="line_import">¥{{item.ratemoney}}</text></view>
			<view><text class="line_tit">补贴比例：</text><text class="line_import" style="color:red">{{item.feerate}}%</text></view>
			<view v-if="item.money>0">
				<text class="line_tit">待补贴金额：</text><text class="line_import">¥{{item.money}}</text>
				<text v-if="item.money>0" class="line_con">（每日更新）</text>
			</view>
			<view>
				<text class="line_tit">已发放：</text><text class="line_import">{{item.sendmoney}}</text>
				<text class="line_con" v-if="item.freeze==1&&item.flag==1">（冻结中，确认收货7天后发放）</text>
				<text class="line_con" v-else-if="item.freeze==1&&item.flag==0">（冻结中，核销后发放）</text>
				<text class="line_con" v-else-if="item.freeze==1&&item.flag==3">（冻结中，考核完成后发放）</text>
				<text class="line_con" v-else>（发放至钱包）</text>
				<text class="line_con" @click.stop="$navTo('/pages/user/lineUp?id='+item.id+'&supname='+item.supname+'&price='+item.price+'&ratemoney='+item.ratemoney+'&sendmoney='+item.sendmoney+'&money='+item.money)">发放明细></text>
			</view>
			<view v-if="item.ranking!=0">
				<text class="line_tit">当前排名：</text><text class="line_import">{{item.ranking}}</text>
				<text class="line_con">（每日凌晨更新）</text>
			</view>
			<view class="line_status line_con" v-if="item.url!=''">查看订单 ></view>
			<view><text class="line_tit">消费时间：</text><text class="line_con">{{item.paytime}}</text></view>
		</view>
		<view class="empty_loading">
			<image v-if="isloading" src="/static/business/loading.gif" mode=""></image>
			<view v-if="!ismore">到底了~</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'lineUpOrder',
		props: {
			list: {
				type: Array,
				default: () => []
			},
			isloading: {
				type: Boolean,
				default: false
			},
			ismore: {
				type: Boolean,
				default: true
			},
			barIdx1: {
				type: Number,
				default: 0
			}
		},
		data() {
			return {
			};
		},
	}
</script>

<style lang="scss">
.line_list{
	padding: 0 20rpx;
	.line_total{
		margin-top: 20rpx;
		font-size: 24rpx;
	}
	.line_item{
		margin-top: 20rpx;
		background: #FFFFFF;
		border-radius: 12rpx;
		padding: 10rpx 20rpx;
		font-size: 24rpx;
		line-height: 50rpx;
		view{
			display: flex;
		}
		.line_status{
			float: right;
			font-weight: 600;
			font-size: 24rpx;
		}
		.line_type{
			// background: linear-gradient( 270deg, #8816E1 0%, #B92DF1 100%);
			font-size: 20rpx;
			border-radius: 10rpx;
			color: #fff;
			padding: 0 10rpx;
			margin-right: 10rpx;
			background:#06803A;
			color: #fff;
		}
		.line_type_md{
			background: #e3452c;
		}
		.line_type_sh{
			background: #8615E1;
		}
		.line_tit{
			font-weight: 600;
			white-space: nowrap;
		}
		.line_con{
			color: #999999;
		}
		.line_import{
			color: $bg-color;
			font-weight: 600;
		}
	}
}
</style>
